<!DOCTYPE html>
<style>
/* Make decorations bigger so they are easier to see */
body {
  font-size: 15px;
}
body > div {
  margin-bottom: 15px;
}
</style>

<div>
  <a href="http://wflwjflwef.com">Unvisited link: Solid blue underline, blue text.</a>
</div>

<div>
  <a href="">Visited link: Solid purple underline, purple text.</a>
</div>

<div style="text-decoration: underline wavy green;">
  <a href="">Custom visited link: Purple wavy underline, purple solid underline on top, purple text. </a>
</div>

<div>
  <a href="" style="text-decoration: overline wavy;">Custom visited link: Purple solid underline, purple wavy overline, purple text.</a>
</div>

<div>
  <a href="" style="text-decoration: underline wavy;">Custom visited link: Purple wavy underline, purple text.</a>
</div>

<div style="text-decoration: underline wavy;">
  <a href="" style="color: green;">Custom visited link: Green wavy underline, green solid underline on top, green text.</a>
</div>

<div style="color: green;">
  <a href="" style="text-decoration: underline wavy;">Custom visited link: Purple wavy underline, purple text.</a>
</div>

<div style="text-decoration: overline wavy;" >
  <a href="">Custom visited link: Purple solid underline, purple wavy overline, purple text.</a>
</div>
